body{
    padding: 0px;
    margin: 0;
}
/*顶部导航*/
.header_topbar{
    width: 1032px;
    margin: 0 auto;
    background-color: #ff7941;
    padding: 10px 0;
    color:white;
}
.header_topbar .topbar{
    width: 800px;
    margin-left: 230px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.header_topbar .topbar li{
    flex: 1;
    list-style-type: none;
}
.header_3d{
    width: 1032px;
    margin: 0 auto;
    height: 10px;

    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.header_3d .angle1{
    width: 0px;
    height:0px;
    /*background-color: rgba(41, 41, 41, 0.91);*/

    border-top: 5px solid #d66b39;
    border-right:8px solid #d66b39;
    border-bottom:5px solid transparent;
    border-left:8px solid transparent;
}
.header_3d .angle2{
    width: 0px;
    height:0px;
    /*background-color: rgba(41, 41, 41, 0.91);*/

    border-top: 5px solid #d66b39;
    border-right:8px solid transparent;
    border-bottom:5px solid transparent;
    border-left:8px solid #d66b39;
}

.header_3d .whitediv{
    width: 1000px;
    background-color: white;
    height: 10px;
    flex: 1;
}
/*轮播*/
.swiper-container{
    margin:0 auto;
    position:relative;
    overflow:hidden;
    z-index:1
}
.swiper-wrapper{
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
.swiper-slide{
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;

    height: 300px;
    text-align: center;
}
.orange-slide {
    background: #FF8604;
}

/*swiper的分页器*/
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;

    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #ffffff;
    /*opacity: .2;*/

    margin: 0 5px;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

/*轮播下的内容*/
.main{
    width: 1000px;
    margin: 0 auto;
    /*background-color: #e3ffb6;*/
    border-left: 1px solid black;
    border-right: 1px solid black;
    height: 1000px;
    padding-top: 10px;
}
.main .sele_menu{
    border: 1px solid black;
    width: 800px;
    margin: 0px auto 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.main .sele_menu .part{
    text-align: center;
    flex: 1;
    padding: 20px 0;
}
.main .sele_menu .part .title{
    padding: 10px 0 20px;
}
.main .sele_menu .part .search{


}
.main .sele_menu .part input{
    width: 180px;
}

/*测试菱形*/
.teachers{
    display: flex;
    align-items: center;
}

.teachers .diamond {
    width: 100px;
    height: 100px;
    /*background-color: red;*/
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); /* Internet Explorer */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari 和 Chrome */
    -o-transform: rotate(45deg); /* Opera */
    /*margin: 150px auto; !*让菱形浏览器上居中*!*/

    border: 1px solid black;
}
.teachers .diamond img{
    width: 100%;
    height: 100%;
}

.radio1 {
    display:none;
}
.radio1 + label {
    position:relative;
    padding:6px 12px;
    border:1px solid red;
    border-radius:50%;
}
.radio1:checked + label:after{
    position:absolute;
    top:6px;
    left:5px;
    content:'';
    width:15px;
    height:15px;
    font-size:32px;
    border-radius:50%;
    background-color:blue;
}